<template>
    <a href="javascript: void (0)" class="btn-primary" @click="handleClick" :style="{height: height || '.49rem'}">{{$slots.default[0].text}}</a>
</template>

<script>
    export default {
        name: "v-button",
        props: ['title','height'],
        created(){

        },
        methods:{
            handleClick(){
                this.$emit('click');
            }
        }
    }
</script>

<style scoped lang="less">
    .btn-primary{
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: @theme-color;
        color: #fff;
        font-size: @big;
        border-radius: 4px;
    }
</style>
